<template>
   <el-row :gutter="20" justify="start">
      <el-col :span="6" v-for="item in files" :key="item">
         <el-image style="width: 99%; height: 150px" :src="pathUrl+item" :fit="fit" />
      </el-col>
   </el-row>
</template>
<script setup>
const fit = ref("cover");
const pathUrl = ref("./uploads/");
const files = ref([]);
onMounted(async() => {
   files.value=await myApi.getFileList()
})
</script>
<style scoped lang="less">
.el-row{
   margin-left: 0 !important;
   margin-right: 0 !important;
   .el-col{
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
}
</style>
